<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
<script type="text/javascript" src="jquery.min.js"></script>  
  
<script type="text/javascript">  
    $(document).ready(function () {  
        $('#button1').click(function(){  
            alert('button1');  
            $('#button2').trigger('click');     //点击1的时候，触发2  
        });  
  
        $('#button2').click(function(){  
            alert('button2');  
            $("#button3").trigger("myEvent", ["Hello","World!"]);  
        });  
  
        $("#button3").bind("myEvent", function (event, message1, message2) {  //自定议事件myevent  
          alert(message1 + ' ' + message2);  
        });  
    });  
</script>  
  
</head>  
<body style="text-align:center;">  
    <div style="margin-top:130px;">  
        <button id='button1'>click1</button>  
        <button id='button2'>click2</button>  
        <button id='button3'>click3</button>  
    </div>  
</body>  
</html>